<!DOCTYPE html>
<html class="no-js">

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>EasyQueue</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-responsive.min.css">
<link rel="stylesheet" href="css/main.css">
<link rel="shortcut icon" href="/img/1367329744_17256.ico">
<script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
<style type="text/css">
body {
  padding-bottom: 40px;
}

div.menu {
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  border-style: outset;
  border-width: 5px;
  background-color: #E6E6FA;
}
</style>
</head>

<body>
  <!-------------- DESKTOP SITE -------------->
  <div class="container-narrow visible-desktop">

    <div>
      <div class="row-fluid" align="center">
        <h1 style="font-size: 68px; line-height: 1">EasyQueue</h1>
        <p class="lead">The End of Lines has Arrived!</p>
      </div>
      <div class="well">
        <div class="row-fluid" align="center">
          <h3 style="direction: rtl"><strong>שם התור: <font color="blue">{{ queue_name }} </font></strong></h3> 
          <img src="{{ qr_url }}?queue_id={{ queue_id }}&type={{queue_type}}"></img>
          <h4>לקוח יקר, אנא סרוק את הקוד על מנת להכנס לתור<br>או
          </h4>
          <button class="btn btn-large btn-success" data-toggle="modal" onclick="add()">לחץ כאן</button>
        </div>

        <div class="footer" style="margin-top: 40px" align="center">
          <p>© EasyQueue 2013</p>
        </div>
      </div>
    </div>

  </div>

  <!-------------- MOBILE SITE -------------->
  <div class="container-fluid hidden-desktop" align="center">

    <div class="row-fluid">
      <h1>EasyQueue</h1>
      <p class="lead">The End of Lines has Arrived!</p>
    </div>
    <!-- might needto adjust the fluid-->
    <div class="w">
      <div class="row-fluid">
        <h3 style="direction:rtl;"><strong><font color="blue">{{ queue_name }}</font></strong> : שם התור</h3> 
        <img src="{{ qr_url }}?queue_id={{ queue_id }}&type={{queue_type}}"></img>
        <h4>לקוח יקר, אנא סרוק את הקוד על מנת להכנס לתור<br>או
        </h4>
        <a class="btn btn-large btn-success" type="button" data-toggle="modal" onclick="javascript:add()">לחץ כאן</a>
      </div>

      <div class="footer" style="margin-top: 10px">
        <p>© EasyQueue 2013</p>
      </div>
    </div>
  </div>

  <!---------MODAL--------->
  <div id="add_manually" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

    <div class="modal-header">
      <button type="button" class="close pull-left" data-dismiss="modal" aria-hidden="true">&times;</button>
      <h3 id="modal_label" style="text-align: right;"></h3>

    </div>

    <div class="modal-body">
      <h4 id="modal_user" style="text-align: right; direction: rtl;"></h4>
      <h4 id="modal_position" style="text-align: right;"></h4>
      <h4 id="modal_time" style="text-align: right;"></h4>
    </div>

    <div class="modal-footer ">
      <button class="btn btn-primary btn-large span2 offset2 " data-toggle="modal" onclick="close_modal()">OK</button>
    </div>

  </div>


  <div id="add_user" style="background-color: #E6E6FA;" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <form id="user_data" onsubmit=" return myfunction()" target="">
      <div class="modal-header">
        <button type="button" class="close pull-left" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h3 id="myModalLabel" style="text-align: right; direction: rtl;">הצטרפות לתור "{{queue_name}}"</h3>
      </div>
      <div class="modal-body">
        <div style="float: right">
          <dt id=add_user_user_type style="text-align: right;">הכנס את שמך</dt>
          <input type="text" style="display: none;" name="queue_id" /> <input id=add_user_user_type_input type="text" style="float: right; text-align: right;" name="user_name" placeholder="שם פרטי ומשפחה" /><br>
          <dt style="text-align: right;">הכנס טלפון</dt>
          <input type="text" style="float: right; text-align: right;" name="user_phone" placeholder="מספר טלפון" />
		   <h6 style="text-align: right; direction:rtl;">*התראת SMS תשלח למספר זה כשתורך יגיע</h6>
        </div>
      </div>
      <div class="modal-footer" style="background-color: #E6E6FA;">
        <button type="button" class="btn pull-left" onclick="$('#add_user').modal('hide');">ביטול</button>
        <button type="submit" class="btn btn-primary pull-left">אישור</button>
      </div>
    </form>
  </div>

  <!-------------- JavaScripts -------------->
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
  <script src="js/vendor/bootstrap.min.js"></script>
  <script src="js/main.js"></script>
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
  <script src="js/vendor/bootstrap-modal.js"></script>
  <script src="js/vendor/manual_page.js"></script>
  <script>
  $('input[name=queue_id]').val('{{queue_id}}');

// might need to delete here some stuff
  
  </script>
  <script>

	update_add_user_modal("{{queue_type}}");

  </script>
  <script>
          
        </script>

</body>

</html>

